diff options
Diffstat (limited to 'src/routes/projects/[id]/+page.svelte')
| -rw-r--r-- | src/routes/projects/[id]/+page.svelte | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/src/routes/projects/[id]/+page.svelte b/src/routes/projects/[id]/+page.svelte index 2efe05b..b48a331 100644 --- a/src/routes/projects/[id]/+page.svelte +++ b/src/routes/projects/[id]/+page.svelte @@ -5,6 +5,7 @@ import ScoreBadge from '$lib/components/ScoreBadge.svelte'; import StatusBadge from '$lib/components/StatusBadge.svelte'; import Button from '$lib/components/Button.svelte'; + import Row from '$lib/components/Row.svelte'; import { formatFrequency, parseIntervalToDays, @@ -102,7 +103,7 @@ <ul class="item-list"> {#each sorted(data.routines) as routine (routine.id)} - <li class="item-row item-row--card routine-row"> + <Row style="flex-wrap: wrap; padding: 0.75rem 1rem;"> <form method="POST" action="?/complete" use:enhance> <input type="hidden" name="id" value={routine.id} /> <Button variant="ghost"> @@ -127,7 +128,7 @@ {/if} </span> </div> - </li> + </Row> {/each} </ul> @@ -158,9 +159,9 @@ /> <ul class="item-list"> {#each filteredArchived as routine (routine.id)} - <li class="item-row item-row--card archived-row"> + <Row> <a - class="routine-name" + class="routine-name archived-name" href="/projects/{data.project.id}/routine/{routine.id}" >{routine.name}</a > @@ -168,7 +169,7 @@ {formatFrequency(routine.frequencyDays)} · archivée le {formatDayMonth(routine.archivedAt)} </span> - </li> + </Row> {/each} </ul> {#if filteredArchived.length === 0} @@ -201,11 +202,6 @@ align-items: stretch; } - .routine-row { - flex-wrap: wrap; - padding: 0.75rem 1rem; - } - .routine-info { flex-grow: 1; min-width: 0; @@ -300,12 +296,12 @@ width: 100%; } - .archived-row .routine-name { + .archived-name { flex-grow: 1; color: var(--text-secondary); } - .archived-row .routine-name:hover { + .archived-name:hover { color: var(--accent); } |